import React, {useRef} from 'react'

export default function RefCom() {
  //1. 创建 ref 容器
  let input = useRef();
  let div = useRef();

  //定义 show 函数
  let show = () => {
    // 3. input.current 获取真实 DOM 对象
    div.current.innerHTML = input.current.value;
  }

  return (
    <div>
      {/* 2. 为 input 元素添加 ref 属性 */}
      <input type="text" ref={input} /><button onClick={show}>显示</button>
      <hr />
      <div ref={div} style={{width: 300,height: 200, border:'solid 1px #ddd'}}></div>
    </div>
  )
}
